<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户注册-哇噻网</title>
		<meta name="description" content="创意礼物首选网站">
		<meta name="keywords" content="手工制作,购物,设计师,哇塞网">
		<meta name="author" content="haimi">

		<script src="./Public/Home/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/register.css"/>
		<!--载入hdjs(传输ajax)-->
		<link rel="stylesheet" href="Public/Bootstrap/Css/bootstrap.min.css">
		<link rel="stylesheet" href="./Public/hdjs/hdjs.css">
	    <script src="./Public/hdjs/hdjs.min.js"></script>

<!--载入head.php-->
{{include file="../Common/head"}}
<!--END head-->

<!--register-->
<div id="register">
	<div>
		<div class="register_panel">
			<div class="box">
				<span class="title">注册哇噻网</span>
				<p>喜欢手工原创设计的快加入我们！一起寻找商品，挖掘特色小店，结识志趣相投的人！</p>
				<form id="register_form" onsubmit="return hd_submit(this,'{{U('register')}}','{{U('login')}}')">
      				<table width="650" border="0" align="center" cellpadding="0" cellspacing="0">
          				<tr>
            				<td valign="top" style="padding:0 0 0 52px">
            					<table border="0" cellspacing="0" cellpadding="0">
                					<tr>
					                  <td width="80px" height="45" align="right">账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</td>
					                  <td width="150px"><input type="text" name="account" id="account" style="margin:0 0 0  8px;height: 12px;" class="btn_zc"></td>
					                  <td width="210px" align="left"><span  class="field_notice">请输入账号</span></td>
					                </tr>
                					<tr>
					                  <td height="45" align="right">取个昵称:</td>
					                  <td><input type="text" name="username" id="user_name" style="margin:0 0 0  8px;height: 12px;" class="btn_zc"></td>
					                  <td class="padding3 fontColor4" align="left"><span class="field_notice">您的昵称</span></td>
					                </tr>
					                <tr>
					                  <td height="45" align="right">设置密码:</td>
					                  <td><input type="password" name="password" id="password" style="margin:0 0 0  8px;height: 12px;" class="btn_zc"></td>
					                  <td class="padding3 fontColor4" align="left"><span class="field_notice" style="color: red;">密码6-20个字符</span></td>
					                </tr>
					                <tr>
					                  <td height="45" align="right">确认密码:</td>
					                  <td><input type="password" name="confirmPassword" id="password_confirm" style="margin:0 0 0  8px;height: 12px;" class="btn_zc"></td>
					                  <td class="padding3 fontColor4" align="left"><span class="field_notice">重复输入您的密码</span></td>
					                </tr>
					                <tr>
					                  <td height="45" align="right">&nbsp;&nbsp;&nbsp;&nbsp;性别:</td>
					                  <td height="45">&nbsp;&nbsp;<span style="width:35px;" aline="abs-middle"><input style="margin-top:5px" type="radio" name="gender" value="女" checked="">&nbsp;女</span>&nbsp;<input type="radio" name="gender" value="男">&nbsp;男</td>
					                  <td class="padding3 fontColor4" align="left"><label class="field_notice"></label></td>
					                </tr>
	                                <tr>
	                 		 			<td height="45" align="right">&nbsp;&nbsp;验证码:</td>
				                        <td width="40%"><input type="text" class="btn_zc2" style="width:100px;margin:0 0 0  8px;height: 12px;" name="code" id="captcha1"><img style="margin: 0 0 15px 10px;cursor: pointer;" id="code" src="{{U('code')}}"></td>
				                        <td width="50%" class="padding3 fontColor4" align="left"><span class="field_notice" >点击图片更换一张</span></td>
				                        <!--点击图片更换一张-->
				                        <script>
											$(document).ready(function() {
											  	//验证码
												document.getElementById('code').onclick=function(){//获取 点击元素
													document.getElementById('code').src="{{U('code')}}"+"&mt="+Math.random();//给图片后缀名加一个随机数
												}
											  
											});
										</script>
                					</tr>
              					</table>
            				</td>
          				</tr>
          				<tr>
            				<td height="2" bgcolor="#FDFDFC"></td>
          				</tr>
          				<tr>
	                  		<td class="btnr"><input type="submit" value="注册" class="login_nbtn" title="立即注册"></td>
            			</tr>
					</table>
        		</form>
			</div>
		</div>
		
		<div class="register_others">
			<h3>已有哇噻网账号<br>
        		<a href="{{U('login')}}"><img src="./Public/Home/images/login_btn.png" width="137" height="29"></a>
        	</h3>
		</div>
	</div>
</div>
<!--END register-->


<!--载入footer.php-->	
{{include file="../Common/footer"}}
	</body>
</html>
